﻿*{
    margin: 0;
    padding: 0;
}

.detail{
    width: 100%;
    text-align: center;
    
    #column{
        margin: 20px 0 40px 0;
    }

    img{
        width: 90%;
    }

    #row{
        margin: 0 auto;
        width: 90%;
        font-size: 14px;
        display: flex;
        flex-direction: row;
        

        #date{
            width: 40%;
            span{
                font-size: 14px;
                display:block;
                margin: 10px 0; 
            }
            p{
                margin: 0 auto;
                width: 60%;
                background-color: #36c14c;
                font-size:15px;
                padding: 6px;
                border-radius: 3px;
                color: #fff;
            }
        }

        #text{
            
            width: 80%;

            h5{
                word-break: break-all;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
            
            &:hover{
                color: #36c14c;
            }
            }

            p{
                word-break: break-all;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;

            &:hover{
                color: #36c14c;
            }
            }
        }
    }
}